<!DOCTYPE html>
<!-- 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd">
 -->
<html xmlns="http://www.w.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css;" />
<meta http-equiv="Content-Language" content="fr">
<link rel="stylesheet" type="text/css" href="styles.css" />
<!--[if IE] >
	<style type="text/css">
		html pre
		{
			width: 636 px ;
		}
	</style>
	<![endif]>-->
<title>Tutoriel HTML & CSS</title>
</head>
<body>
	<div id="conteneur">
		<h1 id="header">
			<a href="index.html" title="Colored design - Acceuil"> <span>Colored
					Design</span>
			</a>
		</h1>
		<ul id="menu">
			<li><a href="index.html">Etape nÂ°1</a></li>
			<li><a href="etape2.html">Etape nÂ°2</a></li>
			<li><a href="etape3.html">Etape nÂ°3</a></li>
			<li><a href="etape4.html">Etape nÂ°4</a></li>
			<li><a href="etape5.html">Etape nÂ°5</a></li>
		</ul>
		<div id="contenu">
			<h2>Etape numéro 3 : Formulaires</h2>
			<form action="">
				<div id="formulaire">
					<h2>Coordonnées</h2>
					<div id="part1">
						<div id=gauche>civilité</div>
						<div id=droite>
							<input type="radio" name="civil">M.</input> <input type="radio"
								name="civil">Mme</input> <label>Mlle</label><input type="radio" name="civil"/>
							<span>*</span>
						</div>
						<div id=gauche>Pseudo</div>
						<div id=droite>
							<input type="text" size=30 name="pseudo"></input> <span>*</span>
						</div>
						<div id=gauche>Email</div>
						<div id=droite>
							<input type="text" size=30 name="email"></input> <span>*</span>
						</div>
						<div id=gauche>Mot de passe</div>
						<div id=droite>
							<input type="password" size=30 name="mdp">&nbsp 6 car min</input>
							<span>*</span>
						</div>
					</div>
					<h2>Quel domaine connaissez vous le mieux ?</h2>
					<div id=part2>
						<div id=gauche>Vos centres d'intérêts</div>
						<div id=droite>
							<input type="radio" name="CI-1" value="xhtml">xhtml</input> <input
								type="radio" name="CI-2" value="css">css</input> <input
								type="radio" name="CI-3" value="javascript">javascript</input>
						</div>
						<div id=gauche>Quel navigateur internet utilisez vous le
							plus ?</div>
						<div id=droite>
							<select name="navigateur">
								<option value="Firefox">Firefox</option>
								<option value="Chrome">Chrome</option>
								<option value="Opéra">Opéra</option>
								<option value="Internet Explorer">Internet Explorer</option>
							</select>
						</div>
						<div id=gauche>Comment êtes vous arrivé ici ?</div>
						<div id=droite>
							<input type="checkbox" name="cb-1">www.css4design.com <input
								type="checkbox" name="cb-2">blogdesbois.free.fr <input
								type="checkbox" name="cb-3">www.google.com
						</div>
						<div id=gauche>Photo</div>
						<div id=droite>
							<form action="" method="post" enctype="multipart/form-data">
								<input type="file">
							</form>
						</div>
						<div id=gauche>Observations</div>
						<div id=droite>
							<textarea type="text" rows="3" cols="22" name="observ"></textarea>
						</div>
					</div>
					<div id=part3>
						<input type="submit"></input> <input type="reset"></input>
					</div>
				</div>
			</form>
		</div>
		<p id="footer">Réalisation des codes xhtml & css, du tutoriel et
			du design par Stéphane Ducamp</p>
	</div>
</body>
</html>
